<template>
  <div>
      <span>X坐标：{{X}}</span><br/>
      <span>Y坐标：{{Y}}</span><br/>
      <span>x: {{x}}</span><br/>
      <span>y:{{y}}</span>
  </div>
</template>

<script>
/* =======模块的封装======== */
import useMousePosition from './hooks/useMousePosition.ts'
export default {
    setup() {
     const {X,Y,x,y}  = useMousePosition()

     return {
         X,
         Y,
         x,
         y
     }
    }
}
</script>

<style>

</style>